@import "@/style/imports";

.page-distribution-record {
  .record-list__scroll {
    @include page-scroll($tabs-height + $navigate-height, 0);
  }
  .status-icon {
    display: block;
    margin-right: 10px;
    vertical-align: middle;
  }
  .status-header {
    transition: opacity 0.3s;
    &.open {
      // opacity: .4;
    }
  }
  .status-content {
    opacity: 0;
    transform: translateY(-50%);
    transition: 0.3s;
    padding-top: 20px;
    font-size: 28px;
    color: #999;
    &.open {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .status-body {
    height: 0;
    overflow: hidden;
    &.open {
      height: auto;
    }
  }
}
